﻿
#maincontainer
{
    width: 450px; /*Width of main container*/
    margin: 0 auto; /*Center container on page*/
}

#topsection
{
    background-image: url(images/top.png);
    height: 120px; /*Height of top section*/
}



#leftcolumn
{
    float: left;
    width: 66px; /*Width of left column in pixel*/
    height: 523px;
    margin-left: 0px; /*Set margin to that of -(MainContainerWidth)*/
    background-image: url(images/left.png);
}

#rightcolumn
{
    float: left;
    width: 66px; /*Width of right column*/
    height: 523px;
    margin-left: 318px; /*Set left margin to -(RightColumnWidth)*/
    background-image: url(images/right.png);
    margin-top: -501px;
}

#footer
{
    width: 450px;
    background-image: url(images/bottom.png);
    height: 131px;
    margin-top: 21px;
}
